.container{
  display: flex;
  flex-direction: column;
  padding-bottom:90rpx;
  overflow:hidden;
  /* background: #F8FBFF; */
}
.servant_top{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 412rpx;
  position: relative;
}
.servant_top_bg{
  width: 120%;
  height: 100%;
  opacity: 0.8;
}
.share_icon{
  width: 50rpx;
  height: 50rpx;
  right: 30rpx;
  top: 30rpx;
  position: absolute;
  z-index:10;
}
.servant_top_info{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  padding:30rpx;
  box-sizing:border-box;
}
.servant_head_img{
  width: 160rpx;
  height: 160rpx;
  margin-bottom: 10rpx;
  border-radius: 160rpx
}
.servant_name_block{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-size: 20rpx;
  color: #fff;
  margin-bottom:16rpx;
  height:60rpx;
}
.servant_name{
  font-size: 28rpx;
}
.servant_certification{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
  border-radius: 30rpx;
  padding: 4rpx 10rpx;
  width: 70rpx;
  margin-left:10rpx;
}
.servant_score{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 20rpx;
  color: #fff;
  margin-bottom:20rpx;
  font-size: 26rpx;
}
.servant_score_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10rpx;
}
.servant_score_item:last-child{
  margin: 0
}
.servant_score_item_icon{
  width: 30rpx;
  height: 30rpx
}
.servant_tag_scroll_list{
  height:68rpx;
  width:95%;
  box-sizing:border-box;
  overflow:hidden;
  line-height:68rpx;
  font-size:24rpx;
  white-space:nowrap;

}
.servant_tag_item{
  margin-left:10rpx;
  height:40rpx;
  display:inline-block;
  border-radius: 16rpx;
  color: #fff;
  padding: 0 16rpx;
  line-height: 40rpx;
  border: 1rpx solid #fff
}
.servant_tag_item:first-child{
  margin-left:0
}
.servant_info_block{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  background:#fff;
}
.servant_info_block_title{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servant_info_block_title_icon{
  width: 40rpx;
  height: 40rpx;
  margin-right: 30rpx;
}
.servant_info_block_title_text{
  font-size: 32rpx;
  font-weight: bold;
}
.servant_rich{
  margin-top: 30rpx;
  font-size: 26rpx;
  color: #999;
  letter-spacing:2rpx;
}
.line{
  margin: 20rpx;
  width: 95%;
  height: 8rpx;
}
.servant_server_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  width: 100%;
  margin-top:30rpx;
}
.servant_server_item{
  width: 28%;
  border-radius: 10rpx;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 26rpx;
  margin:10rpx;
  padding:10rpx;
}
.servant_score_detail{
  display: flex;
  flex-direction: column;
  padding:20rpx;
  box-sizing:border-box;
  width: 100%
}
.servant_score_detail_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 20rpx 0;
  font-size:30rpx;
}
.servant_score_detail_item_left{
  display: flex;
  flex-direction: row;
}
.servant_score_detail_item_title{
  margin-right: 10rpx
}
.servant_score_detail_item_icon{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servant_score_detail_item_icon_img{
  width: 32rpx;
  height: 32rpx;
  margin-right: 6rpx;
}
.servant_score_detail_item_right{
  font-size: 30rpx
}
.bottom_btn_group{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  background: #fff;
  border-top: 1rpx solid #f1f1f1;
  overflow: hidden;
}
.bottom_btn_group_left{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width:220rpx;
  height: 100%;
  padding: 20rpx;
  box-sizing: border-box;
}
.bottom_btn_group_left_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 16rpx
}
.bottom_btn_group_left_item_icon{
  width: 36rpx;
  height: 32rpx;
  margin-bottom: 10rpx;
}
.bottom_btn_group_left_item_text{
  font-size: 22rpx;
  color: #888
}
.bottom_btn_group_right{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  width:80%;
  height: 100%
}
.bottom_btn_group_right_text{
  width: 100%;
  font-size: 26rpx;
  padding: 20rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height:100%;
  
}
.popupServantTypeDetail{
  max-height: 500rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 100rpx;
  z-index:11;
  height: 0;
  background:#fff;
  padding:0rpx 20rpx;
  box-sizing:border-box;
}
.submitBtn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom:0;
  width: 100%;
  color: #fff;
  padding:16rpx 20rpx;
  z-index: 11;
  box-sizing:border-box;
  height: 100rpx;
  background:#fff;

}
.submitBtn text{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  z-index: 11;
  box-sizing:border-box;
  height:100%;
  font-size: 28rpx;
  border-radius:10rpx;
}
.servantTypeList{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.servantTypeItem{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 26rpx;
  border-bottom: 1rpx solid #f1f1f1;
  padding: 20rpx;
  box-sizing: border-box;
  width: 100%;
  color: #999
}
/* 提交表单弹窗 */
.popupFormDetail{
  /* height: 0; */
  max-height: 850rpx;
  /* opacity:0; */
  width: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 100rpx;
  height: 0;
  z-index:11;
  background:#fff; 
  padding:20rpx;
  box-sizing:border-box;
}
.formSubmitBtn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  bottom:0;
  width: 100%;
  color: #fff;
  padding: 20rpx;
  z-index: 11;
  box-sizing:border-box;
  background: #fff;
  height: 90rpx;
  font-size: 30rpx;
}
.nextSubmitBtn{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  bottom:0;
  width: 100%;
  z-index: 10;
  box-sizing:border-box;
  background: #fff;
  height: 100rpx;
  font-size: 30rpx;
  border-top:1rpx solid #f1f1f1;
}
.submit_btn_left{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20rpx 40rpx;
  background: #fff;
  width: 50%;
  height: 100%;
  box-sizing:border-box;
}
.submit_btn_right{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #fff;
  height: 100%
}
.total_price{
  margin-left: 10rpx;
  font-size: 32rpx;
}
.zhezhao{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: 9;
}
.havePayUserScrollList{
  width: 100%; 
  box-sizing: border-box;
  overflow: hidden;
  line-height: 68rpx;
  font-size: 24rpx; 
  white-space: nowrap;
}
.img_block{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.img_item{
  width: 100%;
  
}
.form_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom:1rpx solid #eee;
  font-size:30rpx;
  padding:20rpx 0;
}
.return_select_measure_icon{
  width: 40rpx;
  height: 40rpx;
}
.close_popup_icon{
  width: 40rpx;
  height: 40rpx;
}
/* 分享 */
.shareFormPoster{
  position: fixed;
  top: 66%;
  right: 20rpx;
  width: 80rpx;
  height: 80rpx;
  border-radius: 80rpx;
  display: flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
  z-index:10;
}
.shareFormPosterImg{
  width: 46rpx;
  height: 46rpx;
}
.select_share_list{
  height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  z-index:11;
  background: #fff;
  overflow: hidden;
}
.select_share_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: 1rpx solid #eee;
  overflow: hidden;
}
.select_share_name{
  padding: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #fff;
  color:#666;
  font-size:30rpx;
  line-height:50rpx;
  width:100%;
}
button::after{
  border:0;
  border-radius: 0;
  line-height:0;
}
input{
  outline:none;
  border:none;
  list-style: none;
}
.select_share_item:last-child{
  border-bottom: none
}
.cancel_select_share{
  border-top: 10rpx solid #eee;
  border-bottom: none;
}
/* 留言 */

.form_detail_bottom{
  display: flex;
  flex-direction: column;
  /* border-top: 10rpx solid #ddd; */
  /* margin-top:70rpx; */
  /* margin-bottom: 100rpx; */
  width:100%;

}
.form_detail_bottom_top{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 30rpx;
  border-bottom: 1rpx solid #ddd;
}
.bottom_top_item{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bottom_top_item_icon{
  width: 40rpx; 
  height: 40rpx;
  margin-right: 20rpx;
}
.bottom_top_item_text{
  font-size: 24rpx;
  color: #888;
}
.comments_list{
  display: flex;
  flex-direction: column;
  /* padding: 0 30rpx 30rpx 30rpx; */
}
.comments_item{
  border-bottom: 1rpx solid #ddd;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 24rpx;
  padding:10px;
}
.user_img{
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 80rpx;
}
.comments_item_right{
  display: flex;
  flex-direction: column;
  width:86%;
}
.user_name{
  color: #888;
  margin-bottom: 6rpx
}
.user_need{
  color: #666;
  margin-bottom: 6rpx;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}
.other_reply_item{
  display: flex;
  flex-direction: row;
  margin-bottom: 6rpx;
  background: #f1f1f1;
  border-radius: 6rpx;
  padding: 4rpx 8rpx 4rpx 0;
}
.other_reply_name{
  color: #1f98ec;
}
.other_reply_text{
  color: #666;
}
.more_reply{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #1f98ec;
  padding:10rpx 0;
}
.comments_item_bottom{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
}
.comments_icon{
  width: 40rpx;
  height: 40rpx;
}
.comments_part{
  position: fixed;
  bottom: 0;
  height: 100rpx;
  width: 100%;
  background: #f1f1f1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20rpx;
  box-sizing: border-box;
  z-index: 10
}
.comments_input{
  width:610rpx;
  height:60rpx;
  border-radius:10rpx;
  background: #fff;
  padding: 6rpx 10rpx;
  font-size: 26rpx;
}
.comments_img_icon{
  width: 60rpx;
  height: 60rpx;
}
.no_item_reply{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  color: #999;
  font-size: 26rpx;
  padding: 20rpx;
}
/* 分时预约 */
.time_share_block{
    max-height: 850rpx;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 100rpx;
    height: 0;
    z-index:11;
    background:#fff;
    overflow: hidden;
    box-sizing:border-box;
}
.days_list{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding:0 10rpx;
  box-sizing:border-box;
  margin-bottom:10rpx;
  border-bottom: 1rpx solid #ccc
}
.days_scroll_list{
  height:120rpx;
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
  font-size:24rpx;
  white-space:nowrap;
}
.days_item{
  margin-left:20rpx;
  height:90rpx;
  display:inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size:32rpx;
  padding:16rpx 16rpx;
  word-wrap:break-word;
  word-break:break-all;
  text-align:center;
  width: 8%;
}
.days_item:first-child{
  margin-left:0rpx;
}
.days_item_data{
    font-size: 22rpx;
    color: #666;
}
.days_item_week{
  margin-bottom: 4rpx;
  padding: 10rpx 14rpx;
  border-radius: 30rpx;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active{
    background: #666;
    color: #fff;
}
.venues_date_cells_list{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20rpx;
  padding: 0 30rpx;
  width: 100%;
  box-sizing: border-box;
}
.venues_date_cells_item{
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  border: 1rpx solid #ccc;
  border-radius: 10rpx;
  margin-right:15rpx;
  margin-bottom:15rpx;
  padding:6rpx 28rpx;
  font-size:28rpx;
  width:15%;
  min-height: 70rpx;
  justify-content: center;
}
.venues_date_cells_item:nth-child(4n){
  margin-right: 0
}
.cell_tag_bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  color: #fff;
}
.cell_tag_text{
  position: absolute;
  left: 5rpx;
  top: -2rpx;
  color: #fff;
  transform:rotate(-42deg);
  font-size: 20rpx;
  width:30rpx;
  height:30rpx;

}
.tab_scroll_list{
  height:50rpx;
  width: 100%;
  box-sizing:border-box;
  overflow:hidden;
  line-height:50rpx;
  font-size:20rpx;
  white-space:nowrap;
  margin-bottom: 10rpx;
}
.tab_item{
  margin-left:12rpx;
  height:30rpx;
  display:inline-block;
  border-radius: 6rpx;
  padding: 2rpx 16rpx;
  line-height: 30rpx;
}
.tab_item:first-child{
  margin-left:0
}
.pingfen_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.star_container{
  display: flex;
  flex-direction: row
}
.star_container .star{
  margin-left: 10rpx;
  width: 30rpx;
  height: 30rpx;
}
.star image{
  width: 100%;
  height:100%;
}